<template>
  <div>

    <div class="layui-container">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md8 content detail">
          <div class="fly-panel detail-box">
            <h1 class="title">{{detail.title}}</h1>

            <div class="detail-body photos" v-html="detail.content">
            </div>
          </div>

        </div>
        <div class="layui-col-md4">

          <right-tip
              :article="article"
          >
          </right-tip>

<!--          这里可作为广告区域-->
          <advertising></advertising>

        </div>
      </div>

  </div>
  </div>

</template>

<script>
import RightTip from "@/pages/common/RightTip";
import Advertising from "@/pages/common/Advertising";

export default {
  name: 'ArticleContent',
  components: {
    RightTip,
    Advertising
  },
  props: {
    detail: Object,
    article: Object
  }
}
</script>

<style scoped>
.title {
  text-align:center
}
</style>